(function(window, $) {

    var bid = $('.blog-new').data('id');

    //获取所有数据
    $.get('/blog/getArticleInfo', {bid: bid}, function(data) {
        if (data.title) {
            //渲染分类下拉列表
            $('#classify option[value='+ data.classify +']').attr('selected', 'selected');

            //渲染tags
            data.tags.forEach(function(tag) {
                var html = '<span>'+ tag + '<a href="#" class="eux-icon eux-icon-close2"></a></span>';

                $('.tag-box').append(html);
            });

            //渲染富文本
            $('#summernote').summernote('code', data.content);
        }
    });


    //标签相关逻辑
    $('#add-btn').click(function (e) {
        e.preventDefault();

        var value = $('#tags').val();
        var html = '<span>'+ value + '<a href="#" class="eux-icon eux-icon-close2"></a></span>';
        $('.tag-box').append(html);
        //重新绑定事件
        $('.eux-icon-close2').off('click', closeTag).on('click', closeTag);
        return false;
    });

    $('.eux-icon-close2').on('click', closeTag);

    function closeTag(e) {
        e.preventDefault();
        $(this).parent().remove();
        return false;
    }

    //提交表单
    $('.blog-new form').submit(function (e) {
        e.preventDefault();

        //tags去除重复
        var tags = {};
        var tagsArr = [];

        $('.tag-box span').each(function (index, el) {
            var value = $(el).text();
            tags[value] = value;
        });

        for (var key in tags) {
            tagsArr.push(key);
        }

        var data = {
          title: $('#title').val(),
            classify: $('#classify').val(),
            tags: tagsArr,
            content: $('#summernote').summernote('code'),
            bid: bid
        };

        $.post('/blog/edit', data, function(data) {
           data = JSON.parse(data);
            if (data.status == 200) {
                alert('修改成功!');
                location.href = '/blog/article/' + bid;
            } else {
                alert(data.msg);
            }
        });
        return false;
    });
})(window, $);